<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问卷列表</title>
    <link rel="stylesheet" href="./style/questionnaire-list.css">
    <link rel="stylesheet" href="/style/common.css" />
    <script src="./js/questionnaire-list.js"></script>
    <script src="/component/MyHeader.js" type="module" defer></script>
    <script src="/component/MyButton.js" type="module" defer></script>
</head>

<body onload="freshQuestionareList()">
    <header>
        <my-header title="问卷列表"></my-header>
    </header>
    <main>
        <div class="container">
            <header class="list-header">
                <span class="title">标题</span>
                <span class="time">时间</span>
                <span class="state">状态</span>
                <span class="operation">操作</span>
                <my-button icon="icon-zengjia" type="primary" onclick="newFile()">新建问卷</my-button>
            </header>
            <main class="questionnaire-list">
                <!-- <div class="questionnaire">
                    <div class="checkbox">
                        <input type="checkbox" name="cb">
                    </div>
                    <div class="title">这是我的第一份问卷</div>
                    <div class="time">2016-04-12 20:46:52</div>
                    <div class="state">未发布</div>
                    <div class="operation">
                        <button onclick="editFile()">编辑</button>
                        <button onclick="del(this);">删除</button>
                        <button>查看数据</button>
                    </div>
                </div>
                <div class="questionnaire">
                    <div class="checkbox">
                        <input type="checkbox" name="cb">
                    </div>
                    <div class="title">这是我的第一份问卷</div>
                    <div class="time">2016-04-12 20:46:52</div>
                    <div class="state">未发布</div>
                    <div class="operation">
                        <button onclick="editFile()">编辑</button>
                        <button onclick="delTr(this);">删除</button>
                        <button>查看数据</button>
                    </div>
                </div>
                <div class="questionnaire">
                    <div class="checkbox">
                        <input type="checkbox" name="cb">
                    </div>
                    <div class="title">这是我的第一份问卷</div>
                    <div class="time">2016-04-12 20:46:52</div>
                    <div class="state">未发布</div>
                    <div class="operation">
                        <button onclick="editFile()">编辑</button>
                        <button onclick="delTr(this);">删除</button>
                        <button>查看数据</button>
                    </div>
                </div> -->
            </main>
            <footer class="list-footer">
                <div class="checkbox">
                    <input type="checkbox" id="selectAll" value="全选" onclick="selectAll()">
                </div>
                <span>全选</span>
                <button onclick="deleteSelected()">删除</button>
            </footer>
        </div>
    </main>
</body>

</html>